<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#d1{
				display: flex; 
				flex-flow: row-reverse nowrap;
				width: 1500px;
				height: 800px;
				border: 5px solid red;
				box-sizing: border-box;
				/* justify-content: flex-end; */
				/* justify-content: space-between; */
				justify-content: space-around;
				align-items: center;
			}
			#d1 div{
				height: 120px;
				width: 120px;
				margin: 3px;
				background-color: darkgray;
				text-align: center;
				font-size: 40px;
				line-height: 120px;
			}
			#d1 #c3{
				width: 240px;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div>1</div>
			<div>2</div>
			<div id="c3">3</div>
			<div>4</div>
			<div>5</div>
			
		</div>
	</body>
</html>
